<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script language="javascript" type="text/javascript" src="__SYSMET__/template/My97DatePicker/WdatePicker.js"></script>
<link href="__SYSMET__/template/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" type="text/css">
<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<style>
        canvas {
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
<div>
	<a href="{:url('statistics/qpcz')}">日数据</a>|<a href="{:url('statistics/zsj')}">周数据</a>|<a href="{:url('statistics/ysj')}">月数据</a>
</div>
<form action="" method="get" enctype="application/x-www-form-urlencoded">
       <dl>
	 从：<input type="text"  name="opentime" id="sDate1" class="Wdate" onclick="WdatePicker()" readonly="readonly" value="{$start?$start:$str}" style="width:110px" />
	 到：<input type="text"  name="viretime" id="sDate1" class="Wdate" onclick="WdatePicker()" readonly="readonly" value="{$end?$end:$str}" style="width:110px" />
		<input type="submit" name="riqisou" value="搜索" />
       
      </dl>
     </form>
<div>近15天内的数据:</div>
       <div id="container" style="width:1700px;height: 800px"></div>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
       <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
       <script type="text/javascript">
			var dom = document.getElementById("container");
			var myChart = echarts.init(dom);
			var app = {};
			option = null;
			option = {
			    xAxis: {
			        type: 'category',
			        data: [
							{volist name="date" id="it"}
							'{$it}',
							{/volist}
						]
			    },
			    yAxis: {
			        type: 'value'
			    },
			    series: [{
			        data: [
							{volist name="arr" id="it"}
							{$it},
							{/volist}
							],
					label: {normal: {

			               show: true

			           }},
			        type: 'line',
			        smooth: true
			    }]
			};
			;
			if (option && typeof option === "object") {
			    myChart.setOption(option, true);
			}
       </script>
   </body>
</html>
</html>